<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:pou="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Minimos y Maximos de Producto</title>
    </h:head>
    <h:body>
        <ui:composition template="/templates/commonLayout.xhtml">

            <ui:define name="titulo">
                <h:outputText value="MANTENIMIENTO DE MÍNIMOS Y MÁXIMOS "/>
            </ui:define>     
            <ui:define name="contenido_ui">
                 <h:form id="form">  

                    <pou:growl id="messages" showDetail="false"/>  

                    <pou:dataTable value="#{productoController.productos}" style="margin-left: 40px;margin-right: 40px;margin-top: 40px" var="producto" id="estandares" editable="true">  

                        <f:facet name="header">  
                            ESTANDAR DE MÍNIMOS Y MÁXIMOS DE CADA PRODUCTO EXISTENTE EN BODEGA SECUNDARIA
                        </f:facet>  

                        
                        <pou:column headerText="Codigo" style="width:125px">  
                            <h:outputText value="#{producto.idProductos}" />               
                        </pou:column> 
                        
                        <pou:column headerText="PRODUCTOS" style="width:125px">  
                                    <h:outputText value="#{producto.nombre}" />  
                        </pou:column>
                        
                        <pou:column headerText="UNIDAD DE MEDIDA" style="width:125px">  
                                    <h:outputText value="#{producto.unidadMedida}" />               
                        </pou:column> 
                        
                        
                         <pou:column headerText="MÍNIMO" style="width:125px">  
                            <pou:cellEditor>  
                                <f:facet name="output">  
                                    <h:outputText value="#{producto.minimo}" />  
                                </f:facet>  
                                <f:facet name="input">           
                                    <pou:inputText value="#{producto.minimo}" style="width:100%" id="Minimo" validatorMessage="Error cantidad fuera del rango establecido">
                                            <f:validateLongRange minimum="0" maximum="500"/>
                                    </pou:inputText>
                                </f:facet>  
                            </pou:cellEditor>  
                        </pou:column> 
                        
                         <pou:column headerText="MÁXIMO" style="width:125px">  
                            <pou:cellEditor>  
                                <f:facet name="output">  
                                    <h:outputText value="#{producto.maximo}" />  
                                </f:facet>  
                                <f:facet name="input">  
                                    <pou:inputText value="#{producto.maximo}" style="width:100%" id="Maximo" validatorMessage="Error cantidad fuera del rango establecido">
                                        <f:validateLongRange minimum="0" maximum="500"/>
                                    </pou:inputText>  
                                </f:facet>  
                            </pou:cellEditor>  
                        </pou:column>     

                        <pou:column headerText="OPCIONES" style="width:50px">  
                            <pou:rowEditor />  
                        </pou:column>
                        
                        <f:facet name="footer">                              
                                    <pou:commandButton id="saveButton" action="#{productoController.guardarProductoList}" value="Guardar" icon="ui-icon-disk" update=":form:messages"/> 
                                    <pou:commandButton id="restoreButton" action="#{productoController.cancelar}" value="Reestablecer" icon="ui-icon-arrowrefresh-1-s" update="estandares :form:messages"/>  
                        </f:facet>
                        
                    </pou:dataTable>  

                </h:form>
                

            </ui:define>
        </ui:composition>
    </h:body>
</html>
